import { Component } from 'react'

import Taro from '@tarojs/taro'
import { View } from '@tarojs/components'

type pageState = {
  statusbarHeight: number
}

interface Index {
  state: pageState
}

class Index extends Component<pageState> {
  constructor(props) {
    super(props)

    const statusbarHeight: number = Taro.getSystemInfoSync().statusBarHeight || 0

    this.state = {
      statusbarHeight
    }
  }

  componentDidMount() {}

  render() {
    const { statusbarHeight } = this.state

    return (
      <>
        <View className="bg-white" style={{ height: statusbarHeight + 'px' }}></View>
        <View
          className="w-full h-82px bg-white text-center text-sm leading-82px font-black"
          style={{ color: '#202125' }}
        >
          鬼知道咩
        </View>
      </>
    )
  }
}

export default Index
